{include file='index/header'/}
<style>
    .list ul{
        /*border: 1px solid#ccc;*/
    }
    .list li{
        background: #FFFFFF;
        border: 1px solid #EFEFEF;
        border-radius: 4px;
        margin-bottom: 5px ;
        padding: 10px 30px;
        line-height: 34px;
        box-shadow: 2px 4px 8px #EFEFEF;
    }
    .list li p{
        text-indent: 1em;
        font-size:14px ;
        color: #666666; 
    }
    .list h3{
        /*font-family: 宋体;*/
        /*font-weight:bold ;*/
        font-size: 18px;
        color: #2d64b3;
    }
    .list span{
        /*font-size: 12px;*/
    }
    .pagination{
        /*border: 1px solid#000;*/
        display: flex;
        /*align-items: center;*/
        justify-content: center;
    }
    .pagination li{
        display: inline-block;
        line-height: 24px;
        height: 25px;
        width: 34px;
        text-align: center;
        padding: 10px;
    }
</style>
<div style="padding: 10px">
    <div class="list" style="margin: 20px auto; width: 800px;">
    <ul>
        {volist name='notices' id='notice' empty="暂无公告"}
        <li>
            <a href="{:url('notice_info',['id'=>$notice.id])}"><h3>{$notice.title}</h3></a>
            
            <div style="">
                <span class="layui-word-aux"><i class="layui-icon">&#xe66f;</i>&nbsp;{$notice.author_name}</span>
                <span  class="layui-word-aux"><i class="layui-icon">&#xe637;</i>&nbsp;{$notice.create_time}</span>
            </div>
        </li>
        {/volist}
    </ul>
    <div style="margin: auto;">
        {$notices|raw}
        </div>
    </div>

</div>
{include file='index/footer'/}
<script>
    $('#notice').addClass("layui-nav-itemed");
</script>